#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    position: fixed;
    left: 250px;
    width: 0;
    display:none;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    font-size:16px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper a{
color:#333;
}


#wrapper .container-fluid{
    padding:0;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    display:block;
    padding: 16px;
}

#wrapper.toggled .navbar-static-top,#wrapper.toggled .querybar-static-top{
    margin-left:-250px;
    margin-right: 250px;
    min-width: 100%;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

#wrapper .btn{
    
    border-width: 0px;
    opacity: 0.9;
    padding: 8px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 200px;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #F0F8FC;
    border-radius: 10px;
    box-shadow: 10px 8px 5px #888888;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-brand {
    height: 125px;
    font-size: 20px;
    line-height: 60px;
    margin-top: 50px;
    padding: 10px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.divider{
    border-bottom: 1px solid #D9EDF7;
}
#content .panel-body{
    padding:2px;
}


#wrapper .navbar{
    margin-bottom: 0px;
    min-height: 36px;
    box-shadow: 10px 4px 5px #888888;
}

#wrapper .panel{
    box-shadow: 4px 4px 5px #888888
}

#wrapper .grid{
    margin: 0 -2px;
}

#wrapper .grid-item{
    padding: 2px 2px;
    border-left:6px solid #333;
    box-shadow: 10px 10px 5px #888888;
}

#wrapper .grid-item.open{
    padding: 2px 2px;
    border-left:6px solid green;
}


body .modal-backdrop.in{
    display: none;
}

body {
  padding: 0;
  margin:0;
  font-size: 14px;
  color:#999;
}

b{color:#000}

a,a:hover,a:active {
  text-decoration:none;
}

p{clear: both;}

input[type=submit]{
	width: 120px;
	background: #ccf;
}

table{border:0;margin:0;width:100%;border-collapse:collapse;border-spacing:0;font-size: 12px;background-color:#fff}

td{padding:6px 2px}

th{text-align:left}

table label{
    color:#45CAA1;
}

strong{
    color:#45CAA1;
    font-size: 14px;
}
.block{
    display: block;
    padding: 6px;
}

.block a{
    padding: 6px; 
    margin: 0 6px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding: 0 6px;
}

.TimeFilterTable th{
    color:#fff;
    text-align:center;
    padding:0.5em 1em;
    border-bottom:2px #333 solid;
}


.TimeFilterTable .selected{
    border-bottom:2px #45CAA1 solid;
}

.TimeFilterTable a{
    color: #ddd;
}

.TimeFilterTable .selected a{
    color: #222;
}

.ProductDetailPage{
}

.ProductDetailPage table{
    margin:10px 4px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

.ProductDetailPage tr{
    border-bottom:1px #ccc solid
}

.input-group{
    margin:6px;
}
.clear-both{
    clear:both;
}

.pager{
    margin: 6px;
}

.mustsee{
background:url(must_see_timer.png) no-repeat;
display:block;
line-height:30px;
margin-left:-15px;
padding-left:30px;
color:#fff;
}
.mustsee.open{
    background:url(must_see_timer_2.png) no-repeat;
}

img.avatar{
    width:64px;
    height:64px;
    border-radius:32px;
}

tr.in{
    background:#eee;
}

tr.out{
    background:#cec;
}
.container-fluid{
    padding: 0px;
}

.list-group-item a{
    display:block;
    line-height:24px;
}
a.b{
    display:block;
}

.circle{
    height: 100px;
    width: 100px;
    margin: 16px auto;
    padding: 30px 4px;
    background: #5D97C7;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    text-align:center;
}

.mm{
    padding: 15px;
}

.mm li{
    float: left;
}

.querybar{
    position: relative;
    height: 45px;
    margin-bottom: -45px;
    opacity: 0.8;
    z-index: 999;
}
.querybar .btn{
    position: absolute;
    right: 4px;
    margin: 6px;
}
.querybar .input-group{
    position: absolute;
    width: 85%;
    top: -1000px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.querybar.toggle .input-group{
    left: 0px;
    top: 0px;
}

.querybar.toggle .glyphicon:before{
    content: "\e075";
}

.icon{
    display: block;
    width: 36px;
    height: 36px;
    background-image: url('icons-36-white.png');
}
.icon.setting{
background-position:-575px;
}

.icon.menu{
background-position:-865px;
}

.icon.back{
background-position:-290px;
}
.fileinput-remove{
    display: none
}
.file-drop-zone,.file-preview-frame{
    margin: 0px;
}
.file-preview-frame{
    height: 80px;
}
.file-preview-thumbnails img{
    height: 80px;
}
.file-drop-zone-title{
    padding: 0px;
}
.error{
    font-size: 10px;
    color: #b53;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    #wrapper .navbar-static-top{
        min-width: 100%;
    }
    #wrapper.toggled .navbar-static-top{
        margin: 0;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
        display:block;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
        display:none;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    td{padding:6px}
    #content .panel-body{padding:15px}
    .btn{padding:6px 12px}
}